<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        p{
            text-decoration: underline;
            color: green;
        }
    </style>
    <link rel="stylesheet" href="css/css.css">
</head>
<body>
    <!-- 

        HTML Hyper Text Markup Language 超文本标记语言
        通过一系列的标记搭建网页，某一个标记代表一个积木。
        标记通过属性来设置特性。
        img 图片
            src  source 图片的资源地址。
            alt  alternate 图片的替换文本

        div.container做容器
        
        微信小程序、api cloud等相关的技术，采用类似的方式搭建。
        view做容器

        元素参考
        属性参考
        全局属性
            id          唯一的命名
            class       分类
            title       标题（提示文本）
            style       利用CSS设置行内样式（谨慎使用，必须使用的再使用。）
            accesskey
            contenteditable
            tabindex

     -->
    <a href="https://zptc.edu.cn">
        <img src="../assets/img/1.jpeg" width="300" alt="图片不在啦">
    </a>
    <!-- xhtml 2002左右的一个标准，强调所有的标签必须关闭，空标签 -->
    <p id="first_p" title="啦啦啦啦" style="color: chocolate;">前端开发很简单，但是还是用力。</p>
    <a tabindex="1" accesskey="a" href="https://www.baidu.com">1</a>
    <a tabindex="3" accesskey="b" href="https://www.sohu.com">2</a>
    <a tabindex="2" accesskey="c" href="https://www.qq.com">3</a>
</body>
</html>